import Taro, {
  Component
} from '@tarojs/taro'
import {
  View,
  Text
} from '@tarojs/components'
import './goods.css'
import {
  AtNavBar,
} from 'taro-ui'

export default class Goods extends Component {

  config = {
    navigationBarTitleText: '商品'
  }

  componentWillMount() {}

  componentDidMount() {}

  componentWillUnmount() {}

  componentDidShow() {}

  componentDidHide() {}

  render() {
    return (
      <View className='index'>
        <AtNavBar
          color = '#000'
          leftIconType = 'bullet-list'
          rightFirstIconType = 'analytics'
          rightSecondIconType = 'shopping-cart'
        />        
        <View className='at-row at-row--wrap goods-list'>
          <View className='at-col at-col-12 goods-detail'>
            <View className='at-row at-row--wrap'>
              <View className='at-col at-col-5 goods-img'></View>
              <View className='at-col at-col-7 goods-inner'>
                <View className='at-row at-row--wrap'>
                  <View className='at-col at-col-12 goods-name'>木糖醇果仁酥</View>
                  <View className='at-col at-col-12 goods-norms'>200g</View>
                  <View className='at-col at-col-12 goods-price'>￥100/袋</View>
                  <View className='at-row at-row--wrap goods-btn'>
                    <View className='at-col at-col-6 goods-stock'>库存999</View>
                    <View className='at-col at-col-6 goods-number'></View>
                  </View>
                </View>
              </View>
            </View>
          </View>

          <View className='at-col at-col-12 goods-detail'>
            <View className='at-row at-row--wrap'>
              <View className='at-col at-col-5 goods-img'></View>
              <View className='at-col at-col-7 goods-inner'>
                <View className='at-row at-row--wrap'>
                  <View className='at-col at-col-12 goods-name'>木糖醇果仁酥</View>
                  <View className='at-col at-col-12 goods-norms'>200g</View>
                  <View className='at-col at-col-12 goods-price'>￥100/袋</View>
                  <View className='at-row at-row--wrap goods-btn'>
                    <View className='at-col at-col-6 goods-stock'>库存999</View>
                    <View className='at-col at-col-6 goods-number'></View>
                  </View>
                </View>
              </View>
            </View>
          </View>
          
        </View>
      </View>
    )
  }
}